1. 讓Container的大小符合螢幕尺寸（MediaQuery.of(context).size）
   在實際開發上，我們會有很多手機的螢幕尺寸不一樣的問題，為了避免頁面在其他手機會有Overflow的狀況，可以多使用（MediaQuery.of(context).size）

• 符合螢幕的寬

Container(width: MediaQuery.of(context).size.width)

• 符合螢幕的高

Container(height: MediaQuery.of(context).size.height)

2. 讓Container內的內容物往內縮（Padding）
   ⚠️ ：{括號裡面，填入放入想要的大小（doubleValue）（大括號要拿掉）}

• 全部

  Container(padding: EdgeInsets.all({放入想要的大小（doubleValue）}),)

• 特定的邊
  有四個邊能夠設定
  左left:{doubleValue}、右right:{doubleValue}、上top:{doubleValue}、下bottom:{doubleValue}

Code以左邊、和右邊往內縮，20為例

  Container(padding: EdgeInsets.only(left: 20,right: 20))

3. 設定Container內容物的位置(alignment)
   有9種位置可以設定
   (1) 中間置左：centerLeft (2) 中間：center (3) 中間置右：centerRight
   (4) 上面置左：topLeft (5) 上面置中：topCenter (6) 上面置右：topRight
   (7) 下面置左：bottomLeft (8) 下面中間：bottomCenter (9) 下面置右：bottomRight

Container(alignment: Alignment.centerLeft)

4. 讓Container填入顏色

• 使用color來更換顏色

Container(color: Colors.blue,))

• 使用decoration來更換顏色
  當有對Container使用圓角、陰影等設定，就會需要使用decoration，當有decoration的時候就不能直接用color，不然會有錯誤訊息，要使用BoxDecoration裡面的color

 Container(decoration: BoxDecoration(color: Colors.blue))

5. 讓Container導圓角

• 四邊都圓角設定

 Container(decoration: BoxDecoration(borderRadius: const BorderRadius.all(Radius.circular(13)))),

• 特定邊圓角
  有四個角可以設定
  (1) 左上角：topLeft、(2)右上角：topRight、(3)左下角：bottomLeft、(4)右下角：bottomRight

    Container(decoration: BoxDecoration(borderRadius: const BorderRadius.only(topLeft: Radius.circular(13.0),topRight: Radius.circular(13.0),))),